<template>
  <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="robotGradient" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
        <stop offset="50%" style="stop-color:#8b5cf6;stop-opacity:1" />
        <stop offset="100%" style="stop-color:#ec4899;stop-opacity:1" />
      </linearGradient>
      <filter id="glow">
        <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
        <feMerge> 
          <feMergeNode in="coloredBlur"/>
          <feMergeNode in="SourceGraphic"/>
        </feMerge>
      </filter>
    </defs>
    
    <!-- 机器人头部 -->
    <rect x="60" y="40" width="80" height="70" rx="15" fill="url(#robotGradient)" filter="url(#glow)"/>
    
    <!-- 眼睛 -->
    <circle cx="80" cy="65" r="8" fill="#ffffff"/>
    <circle cx="120" cy="65" r="8" fill="#ffffff"/>
    <circle cx="80" cy="65" r="4" fill="#0f0f23"/>
    <circle cx="120" cy="65" r="4" fill="#0f0f23"/>
    
    <!-- 嘴巴 -->
    <rect x="85" y="85" width="30" height="8" rx="4" fill="#ffffff"/>
    
    <!-- 天线 -->
    <line x1="85" y1="40" x2="85" y2="25" stroke="url(#robotGradient)" stroke-width="3"/>
    <line x1="115" y1="40" x2="115" y2="25" stroke="url(#robotGradient)" stroke-width="3"/>
    <circle cx="85" cy="25" r="4" fill="url(#robotGradient)"/>
    <circle cx="115" cy="25" r="4" fill="url(#robotGradient)"/>
    
    <!-- 身体 -->
    <rect x="50" y="110" width="100" height="60" rx="10" fill="url(#robotGradient)" filter="url(#glow)"/>
    
    <!-- 胸部面板 -->
    <rect x="70" y="125" width="60" height="30" rx="5" fill="rgba(255,255,255,0.2)"/>
    <circle cx="85" cy="135" r="3" fill="#ffffff"/>
    <circle cx="100" cy="135" r="3" fill="#ffffff"/>
    <circle cx="115" cy="135" r="3" fill="#ffffff"/>
    <rect x="75" y="145" width="50" height="3" rx="1" fill="#ffffff"/>
    
    <!-- 手臂 -->
    <rect x="25" y="120" width="25" height="15" rx="7" fill="url(#robotGradient)"/>
    <rect x="150" y="120" width="25" height="15" rx="7" fill="url(#robotGradient)"/>
    
    <!-- 手 -->
    <circle cx="20" cy="127" r="8" fill="url(#robotGradient)" filter="url(#glow)"/>
    <circle cx="180" cy="127" r="8" fill="url(#robotGradient)" filter="url(#glow)"/>
    
    <!-- 腿 -->
    <rect x="70" y="170" width="15" height="25" rx="7" fill="url(#robotGradient)"/>
    <rect x="115" y="170" width="15" height="25" rx="7" fill="url(#robotGradient)"/>
    
    <!-- 脚 -->
    <ellipse cx="77" cy="195" rx="12" ry="5" fill="url(#robotGradient)"/>
    <ellipse cx="122" cy="195" rx="12" ry="5" fill="url(#robotGradient)"/>
  </svg>
</template>

<script setup>
// 机器人图标组件
</script>

<style scoped>
svg {
  width: 100%;
  height: 100%;
}
</style>